<template>
    <div class="root">
        <el-container style="height: 100%">
            <el-aside width="auto">
                <Aside></Aside>
            </el-aside>
            <el-container>
                <el-header>
                    <Header></Header>
                </el-header>
                <el-main>
                    <router-view></router-view>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script>
import Aside from '../components/Aside.vue'
import Header from '../components/Header.vue'
export default {
    name: 'Home',
    components: {
        Aside,
        Header
    },
    data() {
        return {

        }
    },
    mounted() {
        // // 为给定 ID 的 user 创建请求
        // this.$http.get('/user?ID=12345')
        //     .then(function (response) {
        //         console.log(response);
        //     })
        //     .catch(function (error) {
        //         console.log(error);
        //     });
    },
}
</script>

<style lang="less" scoped>
.root {
    height: 100%;
}

.el-header {
    background-color: #333;
}
</style>